<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>word-wrap</title>
<link rel="stylesheet" href="demo.css"/>
<style type="text/css">
p{margin:10px;padding:0 10px;background:#ddd;}

.m-demo .p1{word-wrap:normal;}
.m-demo .p2{word-wrap:break-word;}
</style>
</head>
<body>
<div class="m-demo">
	<p class="p1">Hello World Hello World Hello World Hello World
	xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
	Hello World Hello World Hello World Hello World
	</p>
	<p class="p2">Hello World Hello World Hello World Hello World
	xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
	Hello World Hello World Hello World Hello World
	</p>
</div>
</body>
</html>